<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑暗美学杂志</title>
    <link rel="stylesheet" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --dark-bg: #000;
            --dark-text: #e0e0e0;
            --accent: #8b0000;
            --border: #333;
        }
        body {
            font-family: 'Noto Serif SC', serif;
            background-color: var(--dark-bg);
            color: var(--dark-text);
            width: 440px;
            margin: 0 auto;
            padding: 20px;
            position: relative;
            overflow: hidden;
        }
        .container {
            position: relative;
            border: 1px solid var(--border);
            padding: 20px;
            background-image: url('